<!DOCTYPE html>
<html>
    <head>
        <title>音乐收藏</title>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
        <link rel="stylesheet" href="/css/music/top.css">
        <link rel="stylesheet" href="/css/music/bottom.css">
        <link rel="stylesheet" href="/css/music/mymusic.css">
    </head>

    <body>
        <!-- 头部start -->
        <div class="mainDiv">
            <div class="md1">
                <span class="logSpan">LOVE&nbsp;MUSIC</span>
            </div>
            <div class="md2" id="findMusic">
                <span class="logSpan1" id="find">发现音乐</span>
            </div>
            <div class="md3" id="myMusic">
                <span class="logSpan1">
                    <a href="myMusic.html">我的音乐</a>
                </span>
            </div>
            <div class="md4">
                <span class="res">
                    <a href="login.html">登陆</a>
                    <a href="register.html">注册</a>
                </span>
            </div>
        </div>
        <!-- 头部end -->

        <!-- 菜单start -->
        <div class="menu">
            <div id="hot">
                <span class="menuSpan"><a href="/index.html">热门歌手</a></span>
            </div>
            <div id="top">
                <span class="menuSpan"><a href="/sites/sort.html">排行榜</a></span>
            </div>
            <div id="special">
                <span class="menuSpan"><a href="/sites/special.html">专辑</a></span>
            </div>
            <div id="mv">
                <span class="menuSpan"><a href="/sites/mv.html">MV</a></span>
            </div>
        </div>
        <!-- 菜单end -->

        <div class="clear_both"></div>
        <!--中间部分开始-->
        <div id="my_main">
            <div id="my_cl">
                <div id="my_p1" style="">
                    <img src="../image/img/my-dian.jpg"/> <span class="sp1">我的收藏</span>
                </div>
                <div id="my_gun">
                    <marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()" scrolldelay="100" id="marque1">
                        <img src="../image/img/xiazai.jpg"/>
                        <span style="color:red; font-size:20px; font-weight:bold;">喜欢我们的音乐可以点击下载哦~~~~~~~</span>
                    </marquee>
                </div>
                <div id="audio" >
                    <!--<audio id="audio_mp3" src="" controls volume="20" loop autoplay></audio>-->
                </div>
            </div>

            <div id="my_left">
                <table id="ttop" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td><span>收藏列表</span></td>
                        <td><span>歌曲</span></td>
                        <td><span>功能</span></td>
                    </tr>
                </table>

                <table id="my_tabcol" cellpadding="0" cellspacing="0" border="0">
                    <!--显示歌曲列表 -->
                    <!-- <tr>
                        <td class="firstTd">1</td>
                        <td><span>${song.songName}</span><a href="player.html?songid=1"><img src="../image/img/mv.jpg"/></a></td>
                        <td>
                            <a href="javascript:playmp3(1)"><img src="../image/img/erji2.jpg" title="播放"/></a>
                            <a href="../mp3/1.mp3"><img src="../image/img/xiazai.jpg" title="下载"/></a>
                            <a href=""><img src="../image/img/collect.jpg" title="取消收藏"/></a>
                        </td>
                    </tr>-->
                </table>
                <div id="pageChange" class="pageChange">
                    <span class="pageSpan">页数:</span>
                    <!--<span class="pageSpan"><a href="javascript:addsong(1)">1</a></span>-->
                </div>
            </div>

            <div id="my_right">
                <div id="my_rtop">
                    <img src="../image/img/my-t.jpg"/>
                    <span class="sp2">享心情&nbsp;&nbsp;&nbsp;&nbsp;爱音乐</span>
                </div>
                <!--<div id="my_pics">
                    <img src="../image/img/my-index1.jpg"/>
                </div>-->
            </div>
        </div>
        <!--中间部分结束-->
        <div class="clear_both"></div>

        <!-- 脚部 start-->
        <div class="footer">
            <div class="bottomDiv">
                <div class="btSpan1">爱音乐网站</div>
                <div class="btSpan1">爱音乐</div>
                <div class="btSpan1">网站</div>
                <div class="btSpan1">LOVEMUSIC</div>
            </div>
            <div class="copyright">
                <div class="crSpan1">&copy; 2018-2020 maxmlr.com</div>
                <div class="crSpan1"><a href="http://www.beian.miit.gov.cn">粤ICP备18153814号-1</a></div>
            </div>
        </div>
        <!-- 脚部end -->
    </body>
    <script src="/js/jquery.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/plugins/layer/layer.js"></script>
    <script src="/js/ajax-util.js"></script>
    <script src="/js/plugins/summernote/summernote.min.js"></script>
    <script src="/js/plugins/summernote/summernote-zh-CN.js"></script>
    <script src="/js/music/base.js"></script>
    <script src="/js/music/mymusic.js"></script>
</html>
